CSS3实战 笔记1-预览激动人心的CSS3

• 在 CSS3 的支持上，谷歌的 chrome 和苹果的 safari 走在最前，其次是 opera 和 firefox 以及 IE9。

• • CSS1 主要定义了网页的基本属性，如字体、颜色、空白边等。
  • CSS2 添加了高级功能，例如浮动和定位，以及一些高级的选择器，例如子选择器、相邻选择器、通用选择器。

• CSS3的主要新特性

  • 增强的选择器 - 在css2的基础上进行了增强。

  • 半透明度的实现 - RGBA和HSLA不单可以设定色彩，还可以设定透明度，另外也可以使用opacity。

  • 多栏布局 - 可以实现类似纸质报纸的多栏结构。

  • 多背景图 - 允许背景属性设置多个属性值、例如 background-img等，这样可以在一个元素上添加多层背景。如果设计复杂的网页效果就不用再添加多余的标签了。

  • 文字阴影 - 在CSS2中就有，但是没有被广泛应用，CSS3重新定义了该属性，并提供了新的跨浏览器方案使文字看起来更醒目。

  • 开放字体类型 - 允许引入字体文件来显示想要的字体效果。

  • 圆角 - 不需要背景图片就能实现给HTML元素添加圆角。

  • 边框图片 - 允许在元素的边框上设定图片。

  • 盒子阴影 - 不需要额外的标签就能实现HTML元素的阴影。

  • 媒体查询 - 定义不同的显示设备显示不同的样式。

• 在规范尚未完善之前，各浏览器需要在属性前加入私有前缀。

  • webkit类型的浏览器(chrome、safari)的私有前缀是 -webkit-
  • gecko类型的浏览器（firefox）是 -moz-
  • opera浏览器是 -o-
  • IE浏览器（IE8+）是 -ms-